<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<security:authorize ifAllGranted="ROLE_USER">

<div id="heading" class="section">
	<h2>Selecciona a tus amigos del Facebook</h2>
</div>
<p>
 Selecciona a cada uno de tus amigos que quieras invitar a tu super fiesta.<br/>

</p>
<div id="hotelResults" class="section">

    <form:form action="grabaAmigos" modelAttribute="contacto" method="post">

         <div class="field">
                <div class="label">Discoteca:</div>
                <div class="input">${lista.codigoDiscoteca.nombre}</div>
         </div><br/>
         <div class="field">
                <div class="label">Fecha</div>
                <div class="input">${lista.fecha2}</div>
         </div><br/>
         
          <div class="buttonGroup">
            <input type="submit" id="bbgrabar" name="bbgrabar" value="Grabar" />
            <script type="text/javascript">
            Spring.addDecoration(new Spring.AjaxEventDecoration({
                elementId: "bbgrabar",
                event: "onclick",
                params: {fragments: "body"}
            }));
          </script>
         </div>


 <div class="field">
    <c:if test="${not empty contactos}">
	<table class="summary">
		<thead>
			<tr>
                            <th> </th>
                            <th>Nombre</th>
                            <th>Email</th>
                            <th>Action</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach var="amigo" items="${contactos}">
                            <tr>
                                <td><input type="checkbox" name="selec" value="${amigo.facebooktoken}"/></td>
                                <td>
                                     <c:if test="${not empty amigo.foto}">
                                        <img src="${amigo.foto}" alt="${amigo.nombre}" border="0"/>
                                    </c:if>
                                </td>
                                <td>${amigo.nombre}</td>
                                <td></td>
                            </tr>
			</c:forEach>
			<c:if test="${empty contactos}">
                            <tr>
                                <td colspan="5">No hay amigos registrados</td>
                            </tr>
			</c:if>
		</tbody>
	</table>
    </c:if>
     </div>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
	<div class="buttonGroup">
             <a id="atras" href="facebook">Atras</a>
            <a id="siguiente" href="facebook2">Siguiente</a>
	</div>
        </form:form>
</div>	

</security:authorize>